@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { line-height: 1.5; font-family: pingfag, Helvetica, Arial, sans-serif; max-width: 750px; font-size: 0.14rem; margin: 0 auto; background-color:#EEEEEF; box-sizing: border-box;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
img { border: 0; display: block; object-fit: cover !important;}
a { text-decoration: none; display:inline;}
i, em { font-style: normal;}
li { list-style: none; vertical-align: bottom;}
.disable { display: none; }
.fl { float: left; }
.fr { float: right; }
.t-r { text-align: right; }
.clearfix:after { content: ""; height: 0; display: block; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* +html .clearfix { height: 1%; }
.clearfix { display: block; clear: both; }
button{ outline: none;}
input, textarea { outline: none; resize: none; font-family:'HS_R';}
input::-webkit-input-placeholder{ color: #999999;}
input::-moz-placeholder{ color: #999999;}
input:-moz-placeholder{ color: #999999;}
input[type="button"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
select { height: 22px; line-height: 18px; padding: 2px 0; outline: none; }
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden;}
.m_cell_primary { width: 2000px; white-space: normal;}

/*头部*/
.header{ position: fixed; left: 0; top: 0; right: 0; height: 1.10rem; background: #F5F6F6; z-index: 9;}
.header .wrapper{ position: relative;}
.header .home{ position: absolute; left: 0.43rem; top: 0.32rem;}
.header .home img{ width: 0.48rem;}
.header div{ position: absolute; right: 0.37rem; top: 0.26rem;}
.header div a{ float: left; padding: 0 0.25rem; line-height: 0.64rem; box-sizing: border-box; font-size: 0.26rem; margin-left: 0.10rem; color: #5F5D5D; border: 1px #5F5D5D solid; border-radius: 0.10rem; background: #fff;}
.header div a:last-child{ background: none;}

.resiger{ position: relative; height: 100vh; background: url("../images/img_12.png") no-repeat center 1.30rem; background-size: 7.15rem auto;}
.resiger .con{ height: 100%; overflow-y: auto; background-color: rgba(0,0,0,0.94);}
.resiger .top{ padding: 3.40rem 0 1.15rem; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;}
.resiger .top .logo{ width: 1.14rem; margin: 0 auto 1.10rem;}
.resiger .top .name{ margin: 0 auto; width: 2.09rem;}
.resiger .top p{color: #DCDDDD;	font-size: 0.30rem; line-height: 0.46rem; padding-top: 0.35rem; text-align: center;}
.resiger .forms .img{ width: 100%;}
.resiger .list{ background: #EEEEEF; padding: 0.63rem 0.62rem 0.50rem;}
.resiger .list > b{display: block; text-align: center; font-size: 0.45rem; line-height: 0.60rem; margin-bottom: 0.80rem;}
.r_input{ background: #f1f1f1; border: 1px #d3d2d2 solid; border-radius: 0.12rem; margin-bottom: 0.16rem; padding: 0.15rem 0.27rem 0;}
.select{ display: -webkit-flex; display: flex;}
.select span{ display: -webkit-flex; display: flex; align-items: center; height: 0.67rem; padding-right: 0.45rem; background: url("../images/img_06.png") no-repeat; background-position: right center; background-size: 0.28rem auto; font-size: 0.26rem; text-transform: uppercase; color: #5F5D5D;}
.select span img{ width: 0.45rem; height: 0.45rem; border-radius: 50%; margin-right: 0.20rem;}

.yq_code{ margin-bottom: 0.60rem; background: #DCDDDD; height: 1.0rem; border-radius: 0.12rem; padding: 0 0.32rem; line-height: 1.0rem; border: 1px #d3d2d2 solid; color: #5F5D5D; font-size: 0.35rem;}
.yq_code i{ margin-left: 0.20rem;}
.submit{ display: -webkit-flex; display: flex; width: 100%; height: 0.92rem; border-radius: 0.12rem; font-size: 0.32rem; color: #fff; background-color: #332C2B; justify-content: center; align-items: center; border: 0;}
.inputs{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; position: relative;}
.inputs label{ display: block; font-size: 0.32rem; color: #5F5D5D; line-height: 0.40rem; padding-right: 2px;}
.inputs input{ display: block; line-height: 0.40rem; width: 100%; padding: 0.25rem 0; border: 0; background: none; font-size: 0.32rem; color: #332C2B;}
.inputs .close{ display: none; position: absolute; right: 0; top: 0.28rem; width: 0.36rem; height: 0.36rem; border-radius: 50%;}
.t_name{ display: -webkit-flex; display: flex; align-items: center; height: 0.67rem; font-size: 0.28rem; color: #5F5D5D;}
.t_name img{ width: 0.39rem; margin-right: 0.22rem;}
.eye{ position: absolute; right: 0; width: 0.44rem; height: 0.35rem; background: url("../images/img_09.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;	z-index: 2;}
.eye.on{ background-image: url("../images/img_08.png")}

.bg{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.8); z-index: 10;}
.lan_choose{ position: fixed; left: 0; right: 0; bottom: 0; background: #fff;	padding: 0.30rem 0.60rem; z-index: 11;}
.lan_choose div{ display: -webkit-flex; display: flex; align-items: center; padding: 0.20rem 0}
.lan_choose img{ display: block; width: 0.45rem; height: 0.45rem; border-radius: 50%; 	margin-right: 0.18rem;}
.lan_choose p{ display: block; font-size: 0.35rem; text-transform: uppercase; }
.lan_choose div.active{ background: url("../images/img_16.png") no-repeat right center; background-size: 0.35rem auto;}
